﻿<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="DataListMenu2.aspx.vb" Inherits="ProjetoDeTestes.DataListMenu2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>    
   
    <%--<script type="text/javascript" src="http://blog.evaria.com/wp-content/themes/blogvaria/jquery/jquery.js"></script>--%>
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.5.min.js"></script>
    <script type="text/javascript" src="http://blog.evaria.com/wp-content/themes/blogvaria/jquery/accordion.js"></script>
    <script type="text/javascript">
        jQuery().ready(function () {

            $('.theMenu').Accordion({
               /*active: 'h3.selected',*/
                header: 'h3.head',
                alwaysOpen: true,
                animated: true,
                showSpeed: 400,
                hideSpeed: 800
            });



            $('.xtraMenu').Accordion({
                /*active: 'h4.selected',*/
                header: 'h4.head',
                alwaysOpen: true,
                animated: true,
                showSpeed: 400,
                hideSpeed: 800
            });
        });	
    </script>
        <style type="text/css">
        *{margin:0;padding:0;} * html ul ul li{margin-bottom:-1px;} 
        body{padding-left:10em;font-family:Arial, Helvetica, sans-serif;} 
        a{text-decoration:none}
        .theMenu li{width:250px;border:0px solid #000;list-style-type:none;} 

        h3.head a{display:block; font-size:16px; color:#ddd; border:0px solid #555 ;background:#555 url('bgMenuItemPerfil.png') repeat-x; padding:8px 2px 8px 10px} 
        h3.head a:hover{color:#000;background:#ccc url('bgMenuItemTipoForm') repeat-x;} 
        h3.selected a{background:#A33B6E;color:#fff;padding:8px 2px 8px 10px;border-bottom:1px solid #777;} 
        h3.selected a:hover{color:#A33B6E;} 
        
        h4.head a{font-size:16px;color:#555;border-top:1px solid #A33B6E;border-right:1px solid #ccc;background:#eee;border-left:9px solid #A33B6E;padding:3px 2px 3px 5px;} 
        h4.head a:hover{font-size:16px;color:#000;background:#ccc url('bgMenuItemTipoForm') repeat-x;padding:3px 2px 3px 8px;} 
        h4.selected a{background:#ccc url('bgMenuItemTipoForm') repeat-x; padding:3px 2px 3px 8px;} 
        h4.selected a:hover{background:#A33B6E;color:#fbfbfb;padding:3px 2px 3px 8px;}
       
        * html ul ul li a,* html ul li a{height:100%;} 
        ul ul li a,ul ul ul li a{background:#fbfbfb;display:block;color:#333;font-size:14px;padding:5px 2px 5px 15px;border-left:9px solid #A33B6E;border-top:1px solid #A33B6E;} 
        ul ul li a:hover,ul ul ul li a:hover{background:#A33B6E;;display:block;color:#fbfbfb;font-size:14px;padding:5px 2px 5px 15px;}
        ul ul ul li.selected{background:#A33B6E;display:block;color:#fbfbfb;font-size:14px;padding:5px 2px 5px 15px;}   
        #divMenu{border:1px solid #ccc;margin-top:150px;}




    </style>
</head>
<body>
    
    <form id="form1" runat="server">
     <div>
        <asp:Button runat="server" Text="enche o Menu" Width="100%" ID="uia" /><br />
    </div>
    <div id="divMenu" runat="server"></div>
    </form>
</body>
</html>
